<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    *{margin: 0;padding: 0;}
    h1,h2,h3{font-weight: normal;}
    i{font-style: normal;}
    li{list-style: none}
    .voyage {width: 793px;padding: 20px;margin: 0 auto;}
    .voyage .page-header{border-bottom: 3px solid #95D475;}
    .voyage .page-header >img{width: 145px;margin-bottom: 15px;}
    .voyage .page-body .notice h1{font-size: 25px;margin: 20px 0 ;}
    .voyage .page-body .notice h2{font-size: 20px;}
    .voyage .page-body .notice h2 >span{text-decoration: underline;line-height: 1.6em;}
    .voyage .page-body .tips >ul li{line-height: 2em}
    .voyage .page-body .airport-info,.voyage .page-body .tips{margin: 25px 0;}
    .voyage .page-body .title{font-size: 20px;font-weight: 600;margin-bottom: 15px;}
    .voyage .page-body .airport-info .airport-body{border-radius: 16px;font-size: 14px;border: 1px solid #000;padding: 15px;line-height: 2em;margin-top: 10px}
    .voyage .page-body .airport-info .airport-body >div >span,.voyage .page-body .rules .content >div >span,.voyage .page-body .policy .content >div >span{font-weight: 600;display: inline-block;width: 100px;margin-right: 20px;}
    .voyage .page-body .airport-info .airport-body >div >span i:nth-child(2){float: right;}
    .voyage .page-body >p{padding: 0 15px;line-height: 2em;font-weight: 200;font-size: 14px }
    .voyage .page-body .rules,.voyage .page-body .policy{margin-top: 15px }
    .voyage .page-body .rules .content ,.voyage .page-body .policy .content {
        line-height: 1.8em;
        font-weight: 300;
    }
    .voyage .page-body .airport-info .airport-body >div .pnr{width: 90%}
    .voyage .page-body .rules .content >div >span,.voyage .page-body .policy .content >div >span{font-weight: normal;}
    .voyage .page-body .rules .content >div >strong,.voyage .page-body .policy .content >div >strong{font-weight: 500}
    .voyage .page-body .amount .content {margin-bottom: 40px}
    .voyage .page-body .amount .content >p{font-weight: 500}
    .voyage .page-body .amount .content >ul {margin: 10px 0;line-height: 1.5em}
    .voyage .page-body .amount .content >ul li{position: relative;height: 30px}
    .voyage .page-body .amount .content >ul li span,
    .voyage .page-body .amount .content >ul li i{z-index:2;background-color: #fff;position: absolute}
    .voyage .page-body .amount .content >ul li span{left: 0;top: 0}
    .voyage .page-body .amount .content >ul li i{right: 0;top: 0}
    .voyage .page-body .amount .content >ul li:after{content: '';position: absolute;bottom: 10px;left: 0; display: inline-block;width: 100%;height: 1px;border-bottom: 1px dashed #000}
    .voyage .page-body .amount .content >div{text-align: right}
    .voyage .page-body .amount .content >div >p {font-weight: 500;margin: 10px 0}
    .voyage .page-body .amount .content >div >span {font-weight: 200}
    .voyage .page-body .amount .content >div >p >i{font-size: 18px}
    .voyage .page-footer{padding: 20px 0 0 0;}
    .voyage .page-footer,.voyage .page-footer h2{font-size: 20px;line-height: 2em;}
    .voyage .page-footer h2{font-weight: 600;}
  </style>
</head>
<body>
  <div class="voyage">
    <div class="page-header">
      <img src="https://www.zhaoziyong.online/logo.png" alt="">
    </div>
    <div class="page-body">
      <div class="notice">
        <h1>
          您已预订成功!
        </h1>
        <h2>
          尊敬的用户：<br>
          您于{{ .CreatedAt}}预订的订单 {{ .Id}}已成功预订机票!
        </h2>
      </div>
      <div class="tips">
        <div class="title">行前提醒</div>
        <ul>
          <li>1. 航班的起飞/到达时间均为当地时间</li>
          <li>2. 往返/多程机票须按预定航程的顺序使用，否则航司有权拒绝承运。</li>
          <li>3. 请遵守民航乘客鞋带锂电池及危险品成绩限制。</li>
          <li>4. 购买和使用电子客票的服务受航司的运输总条件制约，建议您仔细阅读运输总条件，以确保您理解所有相关条款</li>
        </ul>
      </div>
      <div class="airport-info">
        <p class="title">航班及乘机人</p>
        {{range $i, $journey := .Journeys}}
        {{range $ii, $segment := $journey.Segments}}
        <div class="airport-body" >
          <div>PNR <span class="pnr">{{$segment.Pnr}}</span></div>
          <div><span>{{$journey.DepartureDate}}</span>{{$journey.Origin}}-{{$journey.Destination}}</div>
          <div><span><i>{{$segment.CoreSegment.DepartureTime}}</i> <i>{{$journey.Origin}} </i></span>{{$journey.Origin}} {{$segment.CoreSegment.Departure}}</div>
          <div><span><i>{{$segment.CoreSegment.ArrivalTime}}</i> <i>{{$journey.Destination}}</i></span>{{$journey.Destination}} {{$segment.CoreSegment.Arrival}} {{$segment.CoreSegment.DepartureTerminal}}</div>
          <div><span></span>{{$segment.CoreSegment.Airline}} {{$segment.CoreSegment.FlightNo}} {{$segment.CoreSegment.Equipment}} {{$segment.CabinClass}}</div>
          <div><span></span>飞行时长 {{$segment.CoreSegment.FlightTime}}</div>
        </div>
        {{end}}
        {{end}}


        {{range $pi, $passenger := .Passengers}}
            <div class="airport-body">
              <div>票号 <span class="pnr">
                 {{range $pii, $ticket := $passenger.Tickets}}
                    {{$ticket.TicketNo}}
                  {{end}}
              </span></div>
              <div><span>{{$passenger.Surname}}/{{$passenger.GivenNames}} </span>{{$passenger.Type}}</div>
              <div>{{$passenger.Gender}}｜{{$passenger.Birthday}} </div>
              <div><span>{{$passenger.TravelDocumentNumber}}</span>｜{{$passenger.TravelDocument}} | {{$passenger.Nationality}}｜证件有效期 {{$passenger.TravelDocumentExpireDate}}</div>
            </div>
      {{end}}
      </div>
      <p>[姓名提醒] 旅客中文姓名（和英文姓名）需与登机证件上保持一致，以免影响乘机。</p>
      <p>[证件有效期提醒] 为了保证您的行程能顺利出行，请确认乘机证件有效期大于行程结束6个月，否则将影响您的出行。</p>
      <div class="rules">
        <div class="title">行李规定</div>


        {{range $i, $journey := .Journeys}}
        {{range $ii, $segment := $journey.Segments}}
        {{range $iii, $baggageRule := $segment.BaggageRules}}
           {{if $baggageRule.PassengerType }}
                    <div class="content">
                      <div><span>{{$segment.CoreSegment.Departure}}-{{$segment.CoreSegment.Arrival}}</span></div>
                      <div><span>乘客类型：</span>{{$baggageRule.PassengerType}}</div>
                      <div><span>手提行李：</span><strong>{{$baggageRule.CarryOn.Pieces}}件 {{$baggageRule.CarryOn.Weight}}KG {{$baggageRule.CarryOn.Dimension}}(mm)</strong></div>
                      <div><span></span>{{$baggageRule.CarryOn.description}}</div>
                      <div><span>托运行李：</span><strong>{{$baggageRule.Checked.pieces}}件 {{$baggageRule.Checked.Weight}}KG {{$baggageRule.CarryOn.Dimension}}(mm)</strong></div>
                      <div><span></span><strong>{{$baggageRule.Checked.Description}}</strong></div>
                    </div>
            {{end}}
          {{if $baggageRule.PassengerType}}

          {{}}

        {{end}}
        {{end}}
        {{end}}


      </div>
      <div class="policy">
        <div class="title">退改签政策</div>
        <div class="content">
          <div><span>退票：</span>起飞前24小时 CNY810</div>
          <div><span></span>起飞前24小时(含)后 不可退票</div>
          <div><span>改签：</span>起飞前24小时 CNY810</div>
          <div><span></span>起飞前24小时(含)后 不可改签</div>
        </div>
      </div>
      <div class="amount">
        <div class="title">金额明细</div>
        <div class="content">
          <p>1 * 成人 CNY2,465</p>
          <ul>
            <li><span>票 价</span><i>CNY 1,808</i></li>
            <li><span>税 费</span><i>CNY 637</i></li>
            <li><span>服务费</span><i>CNY 20</i></li>
          </ul>
          <div>
            <p>订单总价 <i>CNY2,465</i></p>
            <span>*不含支付手续费</span>
          </div>
        </div>
      </div>
    </div>
    <div></div>
    <div class="page-footer">
      <h2>智飞科技</h2>
      <p>b2b.zhifeiair.com</p>
      <p>2024.8.8</p>
    </div>
  </div>
</body>
</html>